{% extends 'base_dashboard.html' %}
{% load site_tags %}

{% block title %}Manage Certifications — {{ site_settings.institute_name }}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between mb-4">
  <div>
    <h4 class="fw-bold mb-1">Certification programs</h4>
    <p class="text-muted small mb-0">Create skill exams with MCQ banks and fees</p>
  </div>
  <a href="{% url 'certifications:admin_program_create' %}" class="btn btn-primary">
    <i class="bi bi-plus-lg me-1"></i>New program
  </a>
</div>

<div class="card border-0 shadow-sm rounded-4">
  <div class="table-responsive">
    <table class="table mb-0 align-middle">
      <thead class="table-light">
        <tr>
          <th class="ps-4">Title</th>
          <th>Fee</th>
          <th>Questions</th>
          <th>Exam size</th>
          <th>Status</th>
          <th class="pe-4"></th>
        </tr>
      </thead>
      <tbody>
        {% for p in programs %}
        <tr>
          <td class="ps-4 fw-semibold">{{ p.title }}</td>
          <td>{% format_price p.fee %}</td>
          <td>
            {{ p.active_question_count }} / {{ p.min_question_bank }}
            {% if p.is_exam_ready %}
              <span class="badge text-bg-success">Ready</span>
            {% else %}
              <span class="badge text-bg-warning text-dark">Need {{ p.question_bank_deficit }}</span>
            {% endif %}
          </td>
          <td>{{ p.questions_per_exam }} random</td>
          <td>{% if p.is_published %}<span class="badge text-bg-success">Published</span>{% else %}<span class="badge text-bg-secondary">Draft</span>{% endif %}</td>
          <td class="pe-4 text-end">
            <a href="{% url 'certifications:admin_questions' p.pk %}" class="btn btn-sm btn-outline-primary">MCQs</a>
            <a href="{% url 'certifications:admin_program_edit' p.pk %}" class="btn btn-sm btn-outline-secondary">Edit</a>
          </td>
        </tr>
        {% empty %}
        <tr><td colspan="6" class="text-center text-muted py-5">No programs yet.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}